<template>
  <div class="menu1">
    <div class="menu1__lable">
      <ul>
        <router-link to="/personality">
          <li>个性推荐</li>
        </router-link>
        <router-link to="/playlist">
          <li>歌单</li>
        </router-link>
        <li>主播电台</li>
        <li>排行榜</li>
      </ul>
    </div>
    <router-view></router-view>
  </div>
</template>

<script>

export default {
  name: 'menu1'
}
</script>

<style lang="scss">
.menu1 {
  .menu1__lable {
    height: 46px;
    background: #fff;
    ul {
      display: flex;
      justify-content: space-around;
      line-height: 46px;
    }
  }
}
</style>
